<template>
  <v-touch class="role" @tap="roleTouch" :style="roleStyle"></v-touch>
</template>

<script>
import { mapGetters, mapActions } from "vuex"
import { mixins } from "@/common/mixins/roleMixins.js"
export default {
  mixins: [mixins],
  computed: {
    ...mapGetters("blueFoxStatus", {
      clues: "getClues"
    })
  },
  methods: {
    //角色点击
    roleTouch: function () {
      this.clickMusic()
      this.touchAnima()
      setTimeout(() => {
        this.touchAnimaEnd()
      }, 500)
      let list = []
      for (let i in this.clues) {
        if (this.roleIndex.roleId === this.clues[i].roleId) {
          list.push(this.clues[i])
        }
      }
      this.setCluesPress(list)
    },
    ...mapActions("blueFoxStatus", ["setCluesPress"])
  },
}
</script>
    
<style scoped lang='stylus'></style>